<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=offset-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/circle.css"/>
    <link rel="stylesheet" href="./css/form.css"/>
</head>
<body>
    <div class="circle">
        <div class="outsideCircle"> 
        </div>
        <div class="insideCircle">
            <ul class="moneyRegion">
                <li class="one">
                    <p>20元</p>
                </li>
                <li class="two">
                    <p>50元</p>
                </li>
                <li class="three">
                    <p>100元</p>
                </li>
                <li class="four">
                    <p>200元</p>
                </li>
                <li class="five">
                    <p>500元</p>
                </li>
                <li class="six">
                    <p>500元</p>
                </li>
               
            </ul>
        </div>
        <div class="centerCircle">
            <div class="rotation">
                <div class="wheel"></div>
                <div class="blackwheel">奖</div>
            </div>
        </div>
    </div>

       
   <div class="biaodan">
    <form action="/signup" method="post" id="signup" class="form" >
        <div class="field">
            <label for="name">收货人姓名:</label>
            <input type="text" id="name" name="name" placeholder="请输入收货人姓名" />
     
        </div>
        <div class="field">
            <label for="phone">手机号码:</label>
            <input type="text" id="phone" name="phone" placeholder="请输入手机号码" />
       
        </div>
        <div class="field" >
           
            <label for="examin">手机验证码:</label>
         
            <div style="display:flex;justify-content:left;">
                <input type="text" id="examin" name="examin" placeholder="请输入手机验证码"  style="width: 50%;"/>
                <button type="seq" style="width: 30%;height:10vmin;margin: 4vmin 0 0 2vmin;">获取验证码</button>
            </div>
        </div>
        <div class="field">
            <label for="regin">地区:</label>
            <select id="province">
            </select>
            <select id="city"></select>
        
        </div>
        <div class="field">
            <label for="detail">详细地址:</label>
            <input type="text" id="detail" name="detail" placeholder="请输入详细地址" />
           
        </div>
        <button type="submit">提交</button>
    </form>
   </div>
    
    <script src="./js/circle.js"></script>
    <script src="./js/form.js"></script>
</body>
</html>